<template>
    <button @click="count++">
        你点击了我 {{ count }} 次
        <slot></slot>
    </button>
    <div class="container">
        <header>
            <slot name="header">插入了头</slot>
        </header>
        <main>
            <slot>插入了main</slot>
        </main>
        <footer>
            <slot name="footer">插入了脚</slot>
        </footer>
    </div>
</template>
<script>
 import {ref} from 'vue'
export default{
    setup(){
        const count = ref(0)
        return {
            count
        }
    }
}
</script>